<?php
$title = 'Budget';
$this->headTitle($title);
?>
<div class="content-head">
    <h3>Budget</h3>
</div>
<div class="content-body">
    <table class="page-content">
        <tr>
            <td class="perimetre-title"><div class="rotate-90"><?php echo $store->name; ?></div></td>
            <td class="perimetre-content">
                <div class="pc-top">
                    <table>
                        <tr>
                            <td width="10%" class="pc-top-left"><p>Période</p></td>
                            <td width="90%" class="pc-top-right"><p><?php echo $periodText; ?></p></td>
                        </tr>
                    </table>
                </div>
                <div class="pc-head">
                    <table>
                        <tr>
                            <td width="10%">Rubriques</td>
                            <td width="30%">
                                <p><label><input type="checkbox" class="styled" id="mo" /> Main d'oeuvre</label></p>
                                <p><label><input type="checkbox" class="styled" id="tsf" /> Transferts</label></p>
                                <p><label onclick="showRubrique(this);">
                                        <input type="checkbox" class="styled" id="ca" checked="checked" /> Chiffres d'affaire</label></p>
                                <p><label><input type="checkbox" class="styled" id="ec" /> Ecarts caisse</label></p>
                            </td>
                            <td width="30%">
                                <p><label><input type="checkbox" class="styled" id="popr" /> Pertes / Offerts / Personnel repas</label></p>
                                <p><label><input type="checkbox" class="styled" id="ac" /> Annulation caisse</label></p>
                                <p><label><input type="checkbox" class="styled" id="mt" /> Météo</label></p>
                                <p><label><input type="checkbox" class="styled" id="tv" /> Transactions et ventes</label></p>
                            </td>
                            <td width="30%">
                                <p><label><input type="checkbox" class="styled" id="bq" /> Banques</label></p>
                                <p><label><input type="checkbox" class="styled" id="cc" /> Comptes clients</label></p>
                                <p><label><input type="checkbox" class="styled" id="rc" /> Ratio clefs</label></p>
                                <p><label><input type="checkbox" class="styled" id="all" /> Tout décocher</label></p>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="pc-content">
                    <div class="retour"><a href="<?php echo $this->url('operation/default') ?>"><img border="0" width="32" src="<?php echo $this->basePath() . '/img/operation/retour.png'; ?>" /></a></div>
                    <div id="tabs">
                        <ul>
                            <li><a href="#tabs-synthese">Synthèse</a></li>
                            <li><a href="#tabs-graphique">Graphique</a></li>
                            
                        </ul>
                        <div id="tabs-synthese">
                            <div>
                                <div class="gabariH-left">
                                    <p></p>
                                </div>
                                <div class="gabariH-right">
                                    <div class="gabariH-Jour">
                                        <div class="jourH">
                                            <p>Jour</p>
                                        </div>
                                        <div class="budgetH2">
                                            <table>
                                                <tr>
                                                    <td><p>Budget</p></td>
                                                    <td><p>Réel</p></td>
                                                    <td><p>écart</p></td>
                                                </tr>
                                            </table>
                                         
                                           
                                           
                                        </div>
                                    </div>
                                    <div class="gabariH-cumule">
                                        <div class="cumuleH">
                                            <p>Cumulé</p>
                                        </div>
                                        <div class="cumuleH2">
                                            <table>
                                                <tr>
                                                    <td><p>Budget</p></td>
                                                    <td><p>Réel</p></td>
                                                    <td><p>écart</p></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="gabariH-mois">
                                        <div class="moisH">
                                            <p>Mois</p>
                                        </div>
                                        <div class="moisH2">
                                            <table>
                                                <tr>
                                                    <td><p>Budget</p></td>
                                                    <td><p>Réel</p></td>
                                                    <td><p>écart</p></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="objectifjH">
                                        <p>objectif jour</p>
                                    </div>
                                    <div class="indiceH">
                                        <p>Indice</p>
                                    </div>
                                    
                                </div>
                            </div>
                            
                            <div>
                                <div id="gabari-left">
                                    <div class="title-1">
                                        <h4>Marché 1</h4>
                                    </div>
                                    <div class="marche1">
                                        <ul>
                                            <li>CA TTC</li>
                                            <li>CA H.T.</li>
                                            <li>Nombre de transactions</li>
                                            <li>CA TTC Moyen/Jour</li>
                                            <li>T.M.</li>
                                            <li>Nombre d'article vendus</li>
                                            <li>Taux de prise</li>
                                        </ul>
                                        <ul class="total1">
                                            <li>Total Frais de Personnel (en valeur)</li>
                                            <li>Total Frais de Personnel (en %)</li>
                                        </ul>
                                        <ul>
                                            <li>Heures W</li>
                                            <li>Productivité</li>
                                        </ul>
                                         <ul class="perte1">
                                            <li>Pertes identifiées (en valeur)</li>
                                            <li>Pertes identifiées (en %)</li>
                                        </ul>
                                        <ul class="caisse1">
                                            <li>Nombre d' écart caisse > à 10 €</li>
                                            <li>Valeur écart caisse sur le mois</li>
                                            <li>Valeur écart caisse sur le mois (en %)</li>
                                        </ul>
                                        <ul class="ticket1">
                                            <li>Quantité de tickets annulés</li>
                                            <li>Montant des tickets annulés</li>
                                            <li>Quantité de tickets annulés signés</li>
                                            <li>Montant des tickets annulés signés</li>
                                            <li>o/oo d'annulation</li>
                                        </ul>
                                        </div>
                                    </div>
                            </div>
                        </div>
                        <div id="tabs-graphique">
                            <p>Graphique en construction</p>
                        </div>                        
                    </div>
                </div>
            </td>
        </tr>
    </table>
</div>